body {
	margin: 0;
	padding: 0;
	font: normal 11px/14px Arial, Verdana, sans-serif;
	background: white;
	border: none;
}

.header-logo {
	width: 20%;
	float: left;
	padding-top: 0px;
	position: absolute;
}

.panelRecherche {
	/*width: 55%;*/
	float: left;
	/*font-size: medium !important;*/
	line-height: 230%;
	border: none;
	font: normal 11px/14px Arial, Verdana, sans-serif;
}

.ui-panelgrid {
	border: none;
}

.ui-panelgrid td {
	border-collapse: collapse;
	border: none;
}

.ui-datatable {
	width: 99%;
	background-color: white;
}

.ui-datatable td {
	background-color: white;
}

.ui-widget-content {
	border-collapse: collapse;
	border: none;
	background: none;
	/*	color: white;*/
}

.main label {
	color: white;
}

h2 {
	color: white;
}

#resultatRecherche {
	/*	width: 95%;
	background-color: white;
	   max-width: 900px;
*/
	
}

.ui-datagrid {
	width: 99%;
	background-color: white;
}

.ui-paginator {
	width: 99%;
	background-color: white;
}

.table {
	width: 99%;
}

.header_deconnexion {
	float: left;
	width: 100%;
	max-height: 50px;
	border: none;
	min-width: 800px;
	max-width: 1100px;
}

.header_deconnexion div {
	padding: 0em !important;
	border: none;
	background-color: #8a072e;
}

.header_connexion {
	float: left;
	width: 100%;
	max-height: 50px;
	border: none;
	min-width: 800px;
	max-width: 1100px;
}

.header_connexion div {
	padding: 0em !important;
	border: none;
	background-color: #8a072e;
}

#deconnexion_button {
	margin-left: 10px;
	height: 33px;
	float: right;
}

.topmenu_button span {
	display: inline !important;
}

.ui-fieldset {
	width: 95%;
	/*background-color: white;*/
}

.nav {
	float: left;
	width: 100%;
	border: none;
}

.button {
	border: 1px solid rgb(64, 64, 64);
	background:
		url("/VinSurVin/faces/javax.faces.resource/images/ui-bg_highlight-soft_15_242122_1x100.png?ln=primefaces-rocket")
		repeat-x scroll 50% 50% rgb(36, 33, 34);
	font-weight: normal;
	color: rgb(250, 250, 250);
}

.main {
	float: left;
	position: relative;
	min-height: 500px;
	max-width: 836px;
	min-width: 600px;
	width: 100%;
	border-top: 0px solid white;
	border-bottom: 0px solid #a9c2ca;
	background-color: #8a072e;
}

.main fieldset {
	width: 95%;
	/*	max-width: 850px;*/
}

.main-content {
	width: 95%;
	max-width: 850px;
}

#navigation_menu_Cindy {
	/*margin-top: -150px;*/
	background-color: #2e6777;
	min-height: 500px;
	float: left;
	max-width: 150px;
}

.footer {
	float: left;
	position: relative;
	height: 40px;
	border-top: 1px solid white;
	background: black;
	min-width: 800px;
	max-width: 1000px;
	width: 100%;
	text-align: center;
}

.footer div {
	float: left;
	/*position: relative;*/
	height: 100px;
	width: 100%;
	text-align: center;
	color: white;
	font-size: medium;
	margin-left: 70px;
}

.footer div a {
	color: white;
	font-size: medium;
}

.fifty {
	size: 50%;
	min-width: 499px;
}

.twenty {
	size: 20%;
	min-width: 150px;
}

.sixty {
	size: 60%;
	min-width: 650px;
}

.page {
	float: left;
	min-width: 800px;
	max-width: 1100px;
	width: 100%;
}

.logoAndrecherche {
	float: left;
	width: 100%;
}

.recherchePrixInput {
	width: 25px;
}

.rechercheMillesime {
	margin-left: 14px;
	float: left;
	max-width: 100px;
}

.rechercheRegion {
	height: 27px;
	margin-left: 10px;
	max-width: 200px;
	float: left;
}

.rechercheRegion label {
	height: 27px;
	padding: 0;
	line-height: 200%;
}

.labelRegion {
	font-weight: bold;
	float: left;
	margin-left: 5px;
}

.boutonRechercheMain {
	float: left;
	height: 29px;
	margin-left: 3px;
}

.boutonRechercheMain span {
	display: inline !important;
}

.panelResultatProduit {
	width: 100%;
}

.imageCatalogue {
	width: 144px;
	height: 144px;
}

.quantiteVignette {
	width: 50px;
}

.quantiteVignette input {
	width: 24px;
}

.panelPanier {
	text-align: center;
	border: groove;
	border-collapse: collapse;
	width: 180px;
	height: 113px;
	border: threedlightshadow;
	background-color: black;
	color: white;
	font-size: medium;
	border-top: 0px solid white;
	border-bottom: 0px solid #a9c2ca;
	border-radius: 5px;
}

.panelPanier a {
	color: white;
	font-size: medium;
}

.panelProduitRecherche {
	border: none;
}

.panelDetailCommun {
	float: left;
	border: none;
}

.quantiteVignetteDetail {
	width: 65px;
}

.quantiteVignetteDetail input {
	width: 39px;
}

.labelConnexion {
	float: right;
	margin: 10px 0 0 10px;
}

.textFieldConnexion {
	margin: 4px 0 0 10px;;
	float: right;
}

.choixVille {
	min-width: 170px !important;
	max-width: 170px !important;
}

.boutonAjoutClient {
	float: left;
	margin-left: -105px;
	margin-top: 340px;
}

.panelCreerCompte {
	margin-bottom: 10px;
	float: left;
	width: 250px;
}

.lblBienvenue {
	float: right;
	margin-top: 10px;
}

.ui-panel .ui-panel-content {
	padding: 0.5em 0.5em;
}